<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>往期记录</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!-- jQuery文件。务必在bootstrap.min.js之前引入 -->
		<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
		<link rel="stylesheet" href="__STATIC__/jcweb/css/record.css" />
		<link rel="stylesheet" href="__STATIC__/jcweb/css/base.css" />		
		<script src="__STATIC__/jcweb/js/utils.js"></script>		
		<!-- <script src="__STATIC__/jcweb/js/record.js"></script> -->		
		{include file="public/wxopera" /}
	</head>
	<body>
		
		{include file="public/footer" /}
		<div style="position:absolute;width:100%;left:0px;top:0px;height:30px;background-color:#210030;">
		<div class="flex v-center title-div" style="height:100%;">			
					<div class="flex-1 flex h-center v-center">
						<span>期号</span>
					</div>
					<div class="flex-1 flex h-center v-center">
						<span >开奖结果</span>
					</div>
					<div class="flex-1 flex h-center v-center">
						<span>和(后三位)</span>
					</div>
				</div>
		</div>
		<section class="center-content sectionContent" style="top: 30px;font-size:1.4rem">
			
			<div id="preciseSession" style="width: 100%;">
					
				
				
				<div id="history_div">
				{volist name="data" id="v"}
				<div class="flex text-center title-div2 h-center v-center" style="height:40px;background-color: #421755;font-size:1.6rem;">
					<div class="flex-1">
							<span>{$v['name']}</span>
						</div>
						<div class="flex-1 flex h-center">
							<span >{$v['result']}</span>
						</div>
						<div class="flex-1 flex h-center">
							<span >{$v['he']}</span>
							<span style="color:red">({$v['he_res']})</span>
						</div>
						
				</div>
				
				{/volist}
				</div>
				
				<div id="more" class="flex h-center v-center" style="height:40px;background:#ccc">
				查看更多
				</div>
				
			</div>
			
						
		</section>
		<input type="hidden" id="pages" value="{$page}" />
		<script>
		$(function(){
		$("#more").click(function(){
		var apihost = "{$apihost}";
		var pages = parseInt($("#pages").val())+1;
		var  url= apihost+"getJcHis";
		post2(url,{page:pages},function(data){
		if(data.length<10){
		$("#more").unbind("click");
		$("#more").text("没有更多了");
		}else{
		$("#pages").val(pages);
		}
		for(var i=0;i<data.length;i++){
		var html='<div class="flex text-center title-div2 h-center v-center" style="height:40px;background-color: #421755;font-size:1.6rem;"><div class="flex-1">'+
		'<span>'+data[i].name+'</span></div><div class="flex-1 flex h-center"><span >'+data[i].result+'</span></div>'+
		'<div class="flex-1 flex h-center"><span >'+data[i].he+'</span><span style="color:red">('+data[i].he_res+')</span></div></div>';
		$("#history_div").append(html);
		
		
		
		}
		
		});
		
		});
		});
		</script>	
	</body>
</html>
